<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8' />

<title>Editable Invoice</title>

<link rel='stylesheet' type='text/css' href="<c:url value ="/resources/css2/style.css"></c:url>" />
<link rel='stylesheet' type='text/css' href='<c:url value ='/resources/css2/print.css' ></c:url>' media="print" />
<script type='text/javascript' src='<c:url value ='/resources/js/jquery-1.3.2.min.js' ></c:url>'></script>
<script type='text/javascript' src='<c:url value ='/resources/js/example.js' ></c:url>'></script>
</head>

<body>
	<div id="page-wrap">
		<textarea id="header">DANH SÁCH HÀNG TỒN ĐỌNG</textarea>
		<div id="identity">
			<div style="width: 30%; float: left">
				Công ty XNK văn phòng phẩm <p></p> 
				TÂN THỊNH <p></p>
				Tân Thịnh -  Thái Nguyên <p></p>
				(84) 280.3.333.333
			</div>
		</div>

		<div style="clear: both"></div>
		<div id="customer">
			<div
				style="float: left; width: 40%; margin-top: 20px; margin-left: -16px">
				<img src="../../resources/images/logo.png" />
			</div>
		</div>
		<table id="items">
			<tr>
				<th>Mã sản phẩm</th>
				<th>Tên sản phẩm</th>
				<th>Loại</th>
				<th>Đơn giá</th>
				<th>Số lượng</th>
			</tr>
			<c:forEach items="${stationeryList}" var="emp2">
						<tr class="item-row">
							<td>${emp2.stationeryId}</td>
							<td class="item-name"><div class="delete-wpr">${emp2.stationeryName}</div></td>
							<td>Văn phòng phẩm</td>
							<td>${emp2.stationeryPrice}</td>
							<td>${emp2.stationeryQuantity}</td>
						</tr>
			</c:forEach>
			<c:forEach items="${bookList}" var="emp">
						<tr class="item-row">
							<td>${emp.bookId}</td>
							<td class="item-name"><div class="delete-wpr">${emp.bookName}</div></td>
							<td>Sách</td>
							<td>${emp.bookPrice}</td>
							<td>${emp.bookQuantity}</td>
						</tr>
			</c:forEach>
			<tr id="hiderow">
		    <td colspan="5"></td>
		  </tr>
		</table>
		<div id="terms">
			<h5>Good bye!</h5>
		</div>
	</div>
</body>
</html>